<script setup>
import { RouterView} from "vue-router";
import MenuHeader from "@/components/MenuHeader/MenuHeader.vue";
import {useUserStore} from "@/stores/User.js";
const userStore = useUserStore();

const token = userStore.getToken();
console.log("token:",token)

</script>

<template>
  <div class="header-wrapper">
    <MenuHeader/>
  </div>

  <div class="main-content">
    <RouterView/>
  </div>

</template>

<style scoped lang="scss">
.header-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1; // 确保在最上层，Element Plus 的 el-header 默认是 1000
  background-color: #ffffff; // 防止滚动时背景透明
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); // 可选：添加阴影提升悬浮感
  // border-bottom: 1px solid #e4e7ed; // 可选：添加分割线
}

.main-content {
  margin-top: 60px; // 给主内容留出空间，避免被 header 覆盖
  // 你可以根据 MenuHeader 的实际高度调整这个值（常见是 60px）
}
</style>
